<template>
  <div class="container">
    
	<categroy title="游戏" :listDate="games">
		<template scope="{games}">
			 <ul>
		            <li v-for="(g,index) in games" :key="index">{{g}}</li>
	         </ul>
		</template>
	</categroy>

	<categroy title="游戏" :listDate="games">
		<template scope="youxi">
		            <h4 v-for="(g,index) in youxi.games" :key="index">{{g}}</h4>
		</template>
	</categroy>

	<categroy title="游戏" :listDate="games">
		<template slot-scope="{games}">
			 <ol> 
                  <li v-for="(g,index) in games" :key="index">{{g}}</li>
			 </ol>
		</template>
	</categroy>
  </div>
</template>

<script>
	import categroy from './components/Categroy.vue'
	export default {
		name:'App',
		components:{categroy},
		
	}
</script>

<style>
.container,.foot{
	display: flex;
	justify-content: space-around;
}
h4{
	text-align: center;
}
</style>
